<script setup lang="ts">
import { Link } from '@inertiajs/vue3'
</script>

<template>
  <div>
    <Link href="/prefetch/1" prefetch>On Hover (Default)</Link>
    <Link href="/prefetch/2" prefetch="mount">On Mount</Link>
    <Link href="/prefetch/3" prefetch="click">On Click</Link>
    <Link href="/prefetch/4" :prefetch="['hover', 'mount']" cacheFor="1s">On Hover + Mount</Link>
    <Link href="/prefetch/5" prefetch="mount" cacheFor="0">On Mount (Once)</Link>
    <Link href="/prefetch/6" prefetch="click">On Enter</Link>
    <Link href="/prefetch/7" prefetch="click" as="button">On Spacebar</Link>
    <div>
      <slot />
    </div>
  </div>
</template>
